<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商院电商</title>
  <style type="text/css">
      .header{
		  width:100%;
		  height:100px;
		  border:5px solid green;
		  margin-bottom:10px;
		  background-color:red;
		  color:white;
		  font-size:50px;
		  text-align:center;
		  line-height:10px;
		  }
	  .layer1-1{
		  width:20%;
		  height:800px;
		  font-size:19px;
		  border:5px solid green;
		  margin-right:10px;
		  padding-left:5px;
		  float:left;
		  }
	  .layer1-2{
		  width:50%;
		  height:800px;
		  border:5px solid green;
		  margin-right:10px;
		  margin-bottom:10px;
		  float:left;
		  }
	  .layer1-3{
		  width:13%;
		  height:800px;
		  border:5px solid green;
		  margin-right:10px;
		  float:left;
		  }
	  .layer2-1{
		  width:91%;
		  height:250px;
		  border:5px solid green;
		  margin:5px;
		  }
	  .layer2-2{
		  width:91%;
		  height:250px;
		  border:5px solid green;
		  margin:5px;
		  }
	  .layer2-3{
		  width:91%;
		  height:250px;
		  border:5px solid green;
		  margin:5px;
		  }
	  .layer1-4{
		  width:13%;
		  height:800px;
		  border:5px solid green;
		  float:left;
		  }
	  .layer3-1{
		  width:91%;
		  height:250px;
		  border:5px solid green;
		  margin:5px;
		  }
	  .layer3-2{
		  width:91%;
		  height:250px;
		  border:5px solid green;
		  margin:5px;
		  }
	  .layer3-3{
		  width:91%;
		  height:250px;
		  border:5px solid green;
		  margin:5px;
		  }
	  .layer1-5{
		  width:89%;
		  height:300px;
		  border:5px solid green;
		  margin-bottom:10px;
		  margin-left:80px;
		  clear:both;
		  }
	  .layer4-1{
		  width:24%;
		  height:280px;
		  border:5px solid green;
		  margin-top:4px;
		  margin-left:4px;
		  float:left;
		  }
	   .layer4-2{
		  width:24%;
		  height:280px;
		  border:5px solid green;
		  margin-top:4px;
		  margin-left:4px;
		  float:left;
		  }
	   .layer4-3{
		  width:24%;
		  height:280px;
		  border:5px solid green;
		  margin-top:4px;
		  margin-left:4px;
		  float:left;
		  }
	   .layer4-4{
		  width:24%;
		  height:280px;
		  border:5px solid green;
		  margin-top:4px;
		  margin-left:4px;
		  float:left;
		  }
	  .footer{
		  width:100%;
		  height:100px;
		  border:5px solid green;
		  background-color:red;
		  font-size:18px;
		  color:white;
		  text-align:center;
		  clear:both;
		  }
  </style>
</head>

<body>
   <div class="header">
      <p>商院电商</p>
   </div>
   <div class="layer1-1">
      <p>家用电器</p>
      <p>手机 /运营商 /数码</p>
      <p>电脑 /办公</p>
      <p>家居 /家具 /家装 /厨具</p>
      <p>男装 /女装 /童装 /内衣</p>
      <p>美妆 /个护清洁 /宠物</p>
      <p>女鞋 /箱包 /钟表 /珠宝</p>
      <p>男鞋 /运动 /户外</p>
      <p>房产 /汽车 /汽车用品</p>
      <p>母婴 /玩具乐器</p>
      <p>食品 /酒类 /生鲜 /特产</p>
      <p>艺术 /礼品鲜花 /农资绿植</p>
      <p>医药保健 /计生情趣</p>
      <p>图书 /文娱 /电子书</p>
      <p>机票 /酒店 /旅游 /生活</p>
      <p>理财 /众筹 /白条 /保险</p>
      <p>安装 /维修 /清洗保养</p>
      <p>工业品</p>
   </div>
   <div class="layer1-2">
      <img src="../img/1.png" >
   </div>
   <div class="layer1-3">
      <div class="layer2-1">
          <img src="../img/3.png">
      </div>
      <div class="layer2-2">
          <img src="../img/4.png">
      </div>
      <div class="layer2-3">
          <img src="../img/5.png">
      </div>
   </div>
   <div class="layer1-4">
      <div class="layer3-1">
          <img src="../img/6.png">
      </div>
      <div class="layer3-2">
          <img src="../img/7.png">
      </div>
      <div class="layer3-3">
          <img src="../img/8.png">
      </div>
   </div>
   <div class="layer1-5">
      <div class="layer4-1">
          <img src="../img/9.png">
      </div>
      <div class="layer4-2">
          <img src="../img/10.png">
      </div>
      <div class="layer4-3">
          <img src="../img/11.png">
      </div>
      <div class="layer4-4">
          <img src="../img/12.png">
      </div>
   </div>
   <div class="footer">
       <p>制作小组：无所谓队　合作电话：18888888888　广告招商：1888888888</p>
   </div>
</body>
</html>
